/** 全局样式 */
@import 'ant-design-vue/es/message/style/index.less';
@import 'ele-admin-pro/es/style/nprogress.less';
@import 'ele-admin-pro/es/style/display.less';
@import 'ele-admin-pro/es/style/common.less';
@import './transition/index.less';
@import '../assets/iconfont/iconfont.css';

// 主题
@import 'ele-admin-pro/es/style/themes/dynamic.less';

/* 需要覆盖框架样式变量写最下面, 具体请到文档查看 */

// 内容高度
.ele-admin-content-view {
  height: calc(100% - 94px);
}

// 默认样式
.ele-body {
  padding: 10px;
  height: 100%;

  .ant-row {
    height: 100%;
    overflow: hidden;

    .ant-col {
      height: 100%;
    }
  }
}

.bgColor {
  background: #fff;
}

.box {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
}

.ten-height {
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}

.bg-white {
  background: #fff;
  border-radius: 5px;
}

.padding10 {
  padding: 10px;
}

.border-radius {
  border-radius: 5px;
}

.ant-table-thead > tr > th {
  --table-header-bg: #e5e5e5;
}

.box-shadow {
  box-shadow: 0 0 6px hsla(0, 0%, 80%, .5);
}

// 弹框设置
.common-modal {
  top: 20px;

  .ant-modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}
// 弹框设置
.fix-modal {
  top: 20px;
  .ant-modal-body {
    height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.height100 {
  height: 100%;
}

// 覆盖默认antd vue菜单的font大小
.ant-menu-item-icon {
  font-size: 16px !important;
}

// a-spin组件高度
.ant-spin-nested-loading {
  height: 100%;
}
.ant-spin-container {
  height: 100%;
}
.ele-admin-sidebar + .ele-admin-body {
  overflow: hidden;
}
